<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>选择小区·智慧社区人脸注册平台</title>
    <link rel="stylesheet" href="/css/community.css">
    <link rel="stylesheet" href="/iconfont/iconfont.css">
    <link rel="stylesheet" href="/css/bootstrap.css">
</head>

<body>
    <div id="myapp">
        <div class="search">
            <div class="search-input">
                <span class=" input-group-addon iconfont">&#xe651;</span>
                <input type="text" class="iconfont" @focus="getNull" placeholder="搜索小区" v-model="searchName">
            </div>
            <button @click="search" class="btn">搜索</button>
        </div>
        <div ref="result">
            <div class="result" v-if="searchResult.length > 0">
                <div class="content" v-for="result,index in searchResult">
                    <div class="item" @click="getCommunity(index)">
                        <div class="item-image">
                            <img src="/images/address.png" alt="">
                        </div>
                        <div class="item-content">
                            <span v-text="result.name"></span>
                            <span v-text="result.address" style="color: #999;font-size: 14px;"></span>
                        </div>
                    </div>
                </div>
                <div class="loading" v-if="loading" v-text="'正在加载中...'" >
                </div>
                <div class="loading" v-if="lastPage" v-text="'没有更多了'">
                </div>
            </div>

        </div>
    </div>

</body>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script src="https://cdn.bootcss.com/babel-polyfill/6.23.0/polyfill.min.js"></script>
<script src="https://cdn.bootcss.com/vue/2.4.2/vue.js"></script>
<script src="/js/axios.min.js"></script>
<script src="/js/common.js"></script>
<script src="/js/community.js"></script>

</html>